<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*类样式定义，点开头 + 名字*/
        .my_p{
            color: red;
        }

        /*id选择器，#开头 + id名*/
        #p1{
            color: green;
        }

        p{
            color: yellow;
        }
    </style>

</head>
<body>
    <!--样式表选择器三种：
        1.普通选择器，按标签名来写
        2.类选择器，首先自己定义名称，标签都有class属性，来引用名字。
            自定义来选择那些标签采用样式
        3.id选择器，所有标签都有id属性，先起id名，写对应的样式
            只能给一个标签使用，因为id不能重复

        优先级： id > class > 普通
    -->

    <p class="my_p">测试文本</p>
    <p>测试文本</p>
    <p class="my_p">测试文本</p>
    <p>测试文本</p>
    <p id="p1" class="my_p">测试文本</p>
    <p>测试文本</p>
</body>
</html>









